<template>
	<div id="footer">
		<ul class="footer_ul">
			<router-link to="/">
				<li>电影</li>
			</router-link>
			<router-link to="/cinema">
				<li>影院</li>
			</router-link>
			<router-link to="/My">
				<li>我的</li>
			</router-link>
		</ul>
	</div>
</template>

<script>
</script>

<style>
	#footer {
		width: 100%;
		height: 57px;
		border-top: 1px #ccc solid;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 999;
		background: #fff;
	}
	
	.footer_ul {
		list-style: none;
		overflow: hidden;
		padding: 0px;
		margin: 0px;
	}
	
	.footer_ul li {
		width: 25%;
		float: left;
		padding: 10px;
		font-size: 20px;
		text-align: center;
		line-height: 50px;
		color: #696969;
	}
	.footer_ul li a{
		color: #696969;
	}
</style>